{% extends 'base/base.html' %}
{% block title %}
<title>agem注册</title>
{% endblock %}
{% block css %}
<style>
.btn-login {
    --bs-btn-color: #dc3545;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545;
}

</style>
{% endblock %}
{% block body %}
<div class="body_content_wrapper pb-2">
    <div class="container xcontainer">
        <section class="bg-dark rounded-3 g-0 p-3 text-white">
            <div id="user_profile_wrapper">
                <div class="video_list_box mb-3">
                    <div class="video_list_box--hd">
                            <h6 class="title"><script>document.writeln(AGE.hello());</script></h6>
                    </div>
                    <div class="video_list_box--bd">
                        <div class="row">
                            <div class="profile_list col-2">
                                <div class="list-group list-group-flush">
                                    <a class="list-group-item d-flex justify-content-between align-items-center   " href='{% url "user:login" %}'>登录 <i class="bi bi-asterisk"></i></a>
                                    <a class="list-group-item d-flex justify-content-between align-items-center active " href='{% url "user:login" %}'>注册 <i class="bi bi-asterisk"></i></a>
                                </div>
                            </div>
                            <div class="col-10">
                                <div class="video_list_box collect_list">
                                <div class="video_list_box--bd">
                                    <form id="resetPasswordForm" class="reset_password_form" action="#" method="post">
                                        {% csrf_token %}
                                        <div class="input-group-sm mb-2">
                                            {{ rgf.username.label_tag }}
                                            <i class="bi bi-asterisk"></i>
                                           {{ rgf.username }}
                                        </div>
                                        <div class="input-group-sm mb-2">
                                             {{ rgf.password.label_tag }}
                                            <i class="bi bi-asterisk"></i>
                                            {{ rgf.password }}
                                        </div>
                                        <div class="input-group-sm mb-2">
                                             {{ rgf.password2.label_tag }}
                                            <i class="bi bi-asterisk"></i>
                                            {{ rgf.password2 }}
                                        </div>
                                        <div class="input-group-sm mb-2">
                                             {{ rgf.email.label_tag }}
                                            {{ rgf.email }}
                                        </div>
                                        <div class="input-group-sm mb-2">
                                             {{ rgf.telephone.label_tag }}
                                            {{ rgf.telephone }}
                                        </div>
                                        <div class="input-group-sm mb-2">
                                            {% if errors %}
                                                <div class="tips mt-2 failed" style="display: block;">{{ errors }}</div>
                                            {% endif %}
                                        </div>
                                        <button id="btnPasswordChange" type="submit" class="btn btn-primary btn-sm">注册</button>
                                        <a href='{% url "user:login" %}' id="btnLogAndReg" type="button" class="btn btn-sm btn-login">已有账号？登录</a>
                                    </form>
                                </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </div>
</div>
{% endblock %}